<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<head>
<meta charset="UTF-8">
<title>欢迎页面-X-admin2.0</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="./css/font.css">
<link rel="stylesheet" href="./css/xadmin.css">
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./lib/layui/layui.js"
	charset="utf-8"></script>
<script type="text/javascript" src="./js/xadmin.js"></script>
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
	<div class="x-nav">
		<span class="layui-breadcrumb"> <a href="">首页</a> <a href="">演示</a>
			<a> <cite>导航元素</cite></a>
		</span> <a class="layui-btn layui-btn-small"
			style="line-height: 1.6em; margin-top: 3px; float: right"
			href="javascript:location.replace(location.href);" title="刷新"> <i
			class="layui-icon" style="line-height: 30px">ဂ</i></a>
	</div>
	<div class="x-body">
		<div class="layui-row">
			<form class="layui-form layui-col-md12 x-so" action="cp_findByPName">
				<input type="text" name="pro_name" placeholder="请输入产品名"
					autocomplete="off" class="layui-input" value="${pblist.list[0].product.pro_name }" id="proId">
				<button class="layui-btn" lay-submit="" lay-filter="sreach" type="submit">
					<i class="layui-icon">&#xe615;</i>
				</button>
			</form>
		</div>
		 <xblock>
	        <button class="layui-btn" onclick="downAll()"><i class="layui-icon"></i>批量下载</button>
	        <span class="x-right" style="line-height:40px">共有数据：${pblist.totalCount } 条</span>
	      </xblock>
		<table class="layui-table">
			<thead>
				<tr>
					<th>
						<div class="layui-unselect header layui-form-checkbox"
							lay-skin="primary">
							<i class="layui-icon">&#xe605;</i>
						</div>
					</th>
					<th>商品</th>
					<th>所属公司</th>
					<th>详细介绍</th>
					<th>方案</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					
					<c:choose>
						<c:when test="${pblist==null }">
							<tr>
								<td align="center" colspan="5">没有你所查找的类</td>
							</tr>
						</c:when>
						<c:otherwise>
							<c:forEach items="${pblist.list }" var="cp">
								<tr>
									<td>
										<div class="layui-unselect layui-form-checkbox" lay-skin="primary"
											data-id='${cp.cp_id }'>
											<i class="layui-icon">&#xe605;</i>
										</div>
									</td>
									<td>${cp.product.pro_name }</td>
									<td>${cp.company.comp_name }</td>
									<td>${cp.info }</td>
									<td><a href="download_down?cp_id=${cp.cp_id }" style="color:hsl(174, 100%, 29%)">方案下载</a></td>
								</tr>
							</c:forEach>
						</c:otherwise>
					</c:choose>
				</tr>
			</tbody>
		</table>
		
		<div class="page">
			<div>
				<c:if test="${pblist.currPage-1>0 }">
						<a onclick="changePB(${pblist.currPage-1})" style="cursor: pointer;">上一页</a>
				</c:if>
				<c:forEach begin="${pblist.currPage-5>0?pblist.currPage-5:1 }" end="${pblist.currPage+4<pblist.totalPage?pblist.currPage+4:pblist.totalPage }" var="p">
					<c:choose>
						<c:when test="${p==pblist.currPage }">
							<a>${p }</a>
						</c:when>
						<c:otherwise>
							<a onclick="changePB(${p})" style="cursor: pointer">${p }</a>
						</c:otherwise>
					</c:choose>
				</c:forEach>
				<c:if test="${pblist.currPage+1<=pblist.totalPage }">
					<a onclick="changePB(${pblist.currPage+1})" style="cursor: pointer;">下一页</a>
				</c:if>
			</div>
		</div>
		<!-- 分页结束 -->

	</div>
	<script>
		
		//页面跳转
		function changePB(p){
			var pro_name =  $("#proId").val();
			 window.location.href="cp_findByPName?currPage="+p+"&pro_name="+pro_name;
		}
	 
      layui.use('laydate', function(){
        var laydate = layui.laydate;
        
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });
      });


      function downAll (argument) {

        var data = tableCheck.getData();
  
        layer.confirm('确认批量下载么？',function(index){
            //捉到所有被选中的，发异步进行删除
            window.location.href="download_manyDown?ids="+data;
            layer.msg('下载中，请不要走开。', {icon: 1});
        });
      }
    </script>
	<script>var _hmt = _hmt || []; (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();</script>
</body>

</html>